<!DOCTYPE html>
<html lang="en">
<head>


</head>
<body >







<div id="slider">


    <!--
    <script src="switch/docs/js/jquery.min.js"></script>
    <script src="switch/docs/js/highlight.js"></script>
    <script src="switch/js/bootstrap-switch.min.js"></script>
    <script src="switch/docs/js/main.js"></script>
    <link href="switch/css/bootstrap3/bootstrap-switch.min.css" rel="stylesheet">
    -->


</div>



<form class="form-horizontal" role="form">

    <div class="form-group">
        <label for="inputPassword3" class="col-sm-2 control-label"  disabled>主题颜色</label>
        <div class="col-sm-10">
            <div id="red"></div>
            <div id="green"></div>
            <div id="blue" style="float: none"></div>
        </div>
    </div>


    <div class="form-group">
        <label for="inputPassword3" class="col-sm-2 control-label">Email</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" id="Email"  disabled/>
        </div>
    </div>


    <div class="form-group">
        <label for="inputPassword3" class="col-sm-2 control-label">主题渐变</label>

        <div class="checkbox"> <label><input type="checkbox"></label>
        </div>


    </div>




    <div class="form-group">
        <label for="inputPassword3" class="col-sm-2 control-label">
            <button type="button" class="btn btn-info" data-dismiss="modal" id="closeButton">更新</button>
        </label>
    </div>


</form>
<p>Last name: <input type="text" name="lname" disabled="disabled" /></p>




</body>
</html>